import styled from 'styled-components'

export const RegisterContair = styled.div`
    flex:1
    .register_info{
        font-size:.12rem;
        color:#999;
        height:.36rem;
        line-height:.36rem;
    }
    .exist_username{
        font-size:.12rem;
        text-align:center;
        color:red;
    }
`

export const MaskBox = styled.div`
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:rgba(0,0,0,0.7);
    z-index:100;
`

export const Dialog = styled.div`
    width:87%;
    height:1.4rem;
    background:#fff;
    position:absolute;
    left:0;
    right:0;
    top:0;
    bottom:0;
    margin:auto;
    padding: 10% 12% 5% 12%;
    border-radius:.05rem;
    span{
        line-height:.18rem;
        font-size:.13rem;
        color:#666;
    }
    a{
        margin:.15rem auto;
        width:1.5rem;
        height:.35rem;
        line-height:.35rem;
        background: #fe4070;
        border-radius:.2rem;
        span{
            font-size:.14rem;
            color:#fff;
        }
       
    }
`